<template>
  <div>
    123
    <virtual-list
      style="height: 360px; overflow-y: auto;"
      :data-key="'uid'"
      :data-sources="items"
      :data-component="itemComponent"
    />
  </div>
</template>

<script>
import Item from './item.vue'
import VirtualList from 'vue-virtual-scroll-list'

export default {
  name: 'root',
  data () {
    return {
      itemComponent: Item,
      items: [
        { uid: 'unique_1', text: 'abc' },
        { uid: 'unique_2', text: 'xyz' }
      ]
    }
  },
  components: { 'virtual-list': VirtualList }
}
</script>
